@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
splitter{
-moz-box-align:center;
-moz-box-pack:center;
cursor:ew-resize;
min-width:6px;
background-color:transparent;
border:1px solid transparent}

splitter[orient="vertical"]{
cursor:ns-resize;
min-height:6px;
border-width:1px 0}

grippy{
cursor:pointer;
min-width:4px;
min-height:115px;
background-color:transparent}

splitter[orient="vertical"] > grippy{
min-width:115px;
min-height:4px}

splitter[collapse="before"] > grippy{
background-repeat:no-repeat;
background-position:center center;
background-image:url("chrome://global/skin/splitter/grip-vrt-after.png")}

splitter[collapse="after"]{
background-repeat:no-repeat;
background-position:center center;
background-image:url("chrome://global/skin/splitter/grip-vrt-after.png")}

splitter[collapse="before"][state="collapsed"] > grippy{
background-repeat:no-repeat;
background-position:center center;
background-image:url("chrome://global/skin/splitter/grip-vrt-after.png")}

splitter[collapse="after"][state="collapsed"] > grippy{
background-repeat:no-repeat;
background-position:center center;
background-image:url("chrome://global/skin/splitter/grip-vrt-after.png")}

splitter[collapse="before"][orient="vertical"] > grippy{
background-repeat:no-repeat;
background-position:center center;
background-image:url("chrome://global/skin/splitter/grip-hrz-after.png")}

splitter[collapse="after"][orient="vertical"] > grippy{
background-repeat:no-repeat;
background-position:center center;
background-image:url("chrome://global/skin/splitter/grip-hrz-after.png")}

splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy{
background-repeat:no-repeat;
background-position:center center;
background-image:url("chrome://global/skin/splitter/grip-hrz-after.png")}

splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy{
background-repeat:no-repeat;
background-position:center center;
background-image:url("chrome://global/skin/splitter/grip-hrz-after.png")}